import {defineConfig, loadEnv} from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import VueSetupExtend from 'vite-plugin-vue-setup-extend'

// https://vitejs.dev/config/
export default defineConfig(({command, mode}) => {
    const env = loadEnv(mode, process.cwd())
    return {
        plugins: [
            vue(),
            VueSetupExtend()
        ],
        css: {
            preprocessorOptions: {
                scss: {
                    // 引入 mixin.scss 这样就可以在全局中使用 mixin.scss中预定义的变量了
                    // 给导入的路径最后加上 ;
                    additionalData: '@import "@/assets/style/mixin.scss";'
                }
            }

        },
        resolve: {
            alias: {
                "@": path.resolve("./src")
            }
        },
        // server: {
        //     proxy: {
        //         [env.VITE_APP_BASE_API]: {
        //             target: env.VITE_SERVE,
        //             changeOrigin: true,
        //             // 路径重写
        //             rewrite: (path) => path.replace(/^\/api/, ''),
        //         }
        //     }
        // }
    }
})
